<template>
  <div>
    <a-card>
      <Alert message="基本信息" type="info" show-icon style="margin-bottom: 12px" />
      <SchemaForm @submit="handleSubmit"> </SchemaForm>
    </a-card>
  </div>
</template>
<script lang="tsx" setup>
  import { Alert, message } from 'ant-design-vue';
  import { useForm } from '@/components/core/schema-form';
  import { deviceManageSchemas } from '@/views/device/deviceManage/detail/formSchemas';

  defineOptions({
    name: 'CustomForm',
  });

  const [SchemaForm] = useForm({
    labelWidth: 140,
    schemas: deviceManageSchemas,
    actionColOptions: {
      span: 24,
    },
    showActionButtonGroup: false,
  });

  const handleSubmit = (values: any) => {
    message.success(`click search,values:${JSON.stringify(values)}`);
  };
</script>
